@charset "utf-8";
/* CSS Document */

.flexslider{ position: relative; width:100%; float:left; height:500px; overflow: hidden;z-index:10000;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.flex-control-nav{position:absolute;bottom:30px;z-index:2; width:100%;  text-align:center;}
.flex-control-nav li{display:inline-block; width: 36px; height: 5px;margin-right: 9px;  *display:inline;zoom:1;}
.flex-control-nav a{ display: inline-block; width: 36px; height: 5px; background: #e0e0e0; margin-right: 9px; transition:background 0.3s; overflow: hidden; cursor:pointer; display:inline-block;  *display:inline;zoom:1; line-height:999px;cursor:pointer;}
.flex-control-nav .flex-active{background: #FF7400; text-decoration: none;}
.flex-direction-nav{position:absolute;z-index:3;left:50%; margin-left:-600px;top:45%;width:1200px;}
.flex-direction-nav li a{display:block;width:52px;outline: none; height:92px;overflow:hidden;position:absolute;}
.flex-direction-nav li a:hover{outline: none;}
.flex-direction-nav li a.flex-prev{left:15px;background:url(banner_y.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:0px;background:url(banner_z.png) center center no-repeat;}

.tit { width:auto; height:102px; text-align:center; color:#4c4c4c; margin-bottom:20px; background:url(titbg.png) center 70px no-repeat;}
.tit b{font-family:Impact; font-size:44px;}
.tit h2{ font-size:24px; background:#fff; margin:0 auto;}
.tit p{ font-size:14px; line-height:25px; margin-top:5px;}

.titw { width:auto; height:102px; text-align:center; color:#fff; margin-bottom:20px; background:url(titbgw.png) center 69px no-repeat;}
.titw b{font-family:Impact; font-size:44px;}
.titw h2{ font-size:24px; margin:0 auto;}
.titw p{ font-size:14px; line-height:25px; margin-top:5px;}

.service { width:100%;}
.service .iwrap { padding-top:30px;}
.service .servicetxt  { padding-top:40px; padding-bottom:40px;}
.service .servicetxt li { width:278px; height:352px; float:left; position:relative; overflow:hidden;}
.service .item_1 ,.service .item_2 ,.service .item_3 { margin-right:14px;}
.service_list_img {width:270px; height:222px; padding-top:30px;}
.service_list_img .img { width:172px; height:140px;background-image:url(dottwo.png); background-repeat:no-repeat; margin:auto; margin-bottom:20px; -webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}

.service_list_img .name { text-align:center; line-height:20px; width:235px; margin:0 auto; text-align:center;}
.service_list_img .name span { display:block;font-size:20px; font-family:"微软雅黑"; padding-bottom:25px;}
.service_list_more { display:none;}

.service .servicetxt li.cur{background:#ff9600; border-bottom:none;color:#fff;}
.service .servicetxt li.cur  .name { color:#fff;}
.service .servicetxt li.cur .name span { color:#fff;}

.service_list_img .img_1 { background-position:0 0;}
.service_list_img .img_2 { background-position:-184px 0px;}
.service_list_img .img_3 { background-position:-367px 0px;}
.service_list_img .img_4 { background-position:-552px 0px;}
.service .servicetxt li.cur .img_1 { background-position:0px -180px;}
.service .servicetxt li.cur .img_2 { background-position:-184px -180px;}
.service .servicetxt li.cur .img_3 { background-position:-367px -180px;}
.service .servicetxt li.cur .img_4 { background-position:-552px -180px;}




/*您是否遇到以下问题*/
.htdBox{padding-top:30px;padding-bottom:30px; background:#18a2d4; height:auto; overflow:hidden;}
.htdBox .public-title-Box .en-title,.htdBox .en-title span,.htdBox .public-title-Box p,.htdBox .public-title-Box .cn-title a{color:#fff;}
.htdBox .public-title-Box .en-title span{background:#fff;}
.htdListBox{padding-top:20px;}
.htdListBox .show-lg-list{color:#fff; float:left; width:280px; margin-right:16px; }
.htdListBox .show-lg-title{font-size:22px; padding-top:10px; position:relative;width:280px; height:48px;}
.htdListBox .show-lg-title .zi{font-size:22px; float:left;line-height:48px; height:48px;}
.htdListBox .show-lg-title .icon{background:url(icon_01_index.png)no-repeat; background-position:0px 0px; height:48px; width:58px; margin-left:20px;float:left;display:block;}
.htdListBox .show-lg-center{line-height:30px; font-size:16px; min-height:90px; padding:15px 0px;}
.htdListBox .show-lg-more{width:160px; height:30px; line-height:30px; display:block; font-size:14px; padding:0px 8px; color:#18a1d4; background:url(showmore.png) 140px center no-repeat #fff;}
.htdListBox .show-lg-list:hover .icon{background:url(icon_01_index.png) no-repeat; background-position:0px -78px;}
.htdListBox .show-lg-list:hover .show-lg-more{background:url(showmore.png) 140px center no-repeat #f0831e; color:#fff; }


/********成功案例**************/
.casesBox{padding-top:35px; margin-bottom:20px;}
.cp_top { height:48px; line-height:48px;width:100%; margin-top:20px; text-align:center; }
.cp_top ul{}
.cp_top ul li {width:100px; height:35px; display:inline-block; margin-left:10px; margin-right:10px;}
.cp_top ul li a {  display:block; text-align:center; width:100px; height:35px;  font-size:14px; line-height:35px; color:#4c4c4c; font-family:"Microsoft YaHei"; -moz-border-radius: 5px; border-radius:5px;-webkit-border-radius:5px;}
.cp_top ul li a:hover,.cp_top ul .cur a { background:#ff9600;width:100px; height:35px;   line-height:35px; color:#fff; text-decoration:none; text-align:center}
.cp_con {width:1170px; background:#fdc79f; height:auto; overflow:hidden; margin-top:30px; padding-bottom:25px;}
.cp_con ul{}
.cp_con ul li { float:left; width:260px; height:180px; margin-left:25px; margin-top:25px; position:relative; overflow:hidden;}
.cp_con ul li img { width:260px; height:180px; }
.cp_con ul li .name { width:260px;display:none; height:180px; position:absolute; left:0px; bottom:0px; z-index:999; background-color:rgba(0,0,0,0.5);  }
.cp_con ul li .name  i{width:260px;display:inline-block; height:155px; background:url(casehover.png) center 50px no-repeat; background-size:70px auto;}
.cp_con ul li .name span{ width:260px;line-height:25px;display:inline-block; text-align:center; color:#fff; font-size:14px; font-family:"Microsoft YaHei"; background:#ff9600;-webkit-transition: transform ease-in-out .5s; transition: transform ease-in-out .5s;}
.cp_con ul li:hover .name{display:block;}
.casemore{ margin:40px auto; margin-bottom:40px; width:150px; height:35px; text-align:center; color:#fff; font-size:14px;}
.casemore a{color:#fff; line-height:35px; display:block;width:150px; height:35px; -moz-border-radius: 15px; border-radius:15px;-webkit-border-radius:15px; border:1px solid #fff;box-shadow: 1px 1px 6px #4c4c4c;background:#4c4c4c; }
.casemore a:hover{background:#ff9600; }

/******我们的实力**********/
.shilibox{padding:35px;position:relative; height:577px; background:url(shilibg.jpg) top center no-repeat; margin-bottom:30px;}
#particles-js canvas{display:block;vertical-align:bottom; }
#particles-js{position:absolute;left:0px;top:0px;width:100%;height:577px;}
.shilibing{width:580px; height:430px; color: #fff; float:left; background:url(shili.png) left top no-repeat; background-size:480px auto;position:relative; z-index:99999; margin-top:30px;}
.digital{width:550px; height:400px; color: #fff; float:right;position:relative; z-index:99999; margin-top:30px;}
.digital li{width:100%; display: inline-block; margin: 10px auto;}
.digital p{font-size: 16px; width:285px; float:right; margin-top:25px;}
.digital .mun_top{float: left; width:250px;}
.digital .mun_top h2{font-size:88px; font-weight:500; color:#ff9600;}
.count-title{ background:url(slcoin.png) 220px 10px no-repeat;}
.count-title2{ background:url(slcoin2.png) 160px 5px no-repeat;}

/***********我们的客户**************/

.home_partner_list{width:1170px;margin:40px auto;padding-bottom:10px;}
.home_partner_list table{border-collapse:collapse;border:1px solid #e6e6e6;}
.home_partner_list table td{width:232px;height:138px;border:1px solid #e6e6e6;}
.home_partner_list table td .partner_box{width:150px;height:100px;padding:19px 41px;position:relative;z-index:1;}
.home_partner_list table td .partner_box2:hover{border:8px solid #f6f6f6;padding:11px 36px;}

.partner_box .cont1{width:200px;height:100px;position:absolute;top:2px;left:15px;z-index:2;}  
.partner_box .cont1 .hei{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}
.partner_box .cont2{width:200px;height:100px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;position:absolute;top:19px;left:15px;z-index:1;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}  
.partner_box:hover .cont1{transform:rotateY(180deg);z-index:1;alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.partner_box:hover .cont2{transform:rotateY(360deg);z-index:2;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}  
.partner_box:hover .cont2{z-index:2;}  
.partner_box .cont1{transition:all .5s linear 10ms;} 
.partner_box .cont2{transition:all .5s linear 10ms;} 

/************关于我们*************/
.aboutbox{ height:auto; background:url(aboutbg.jpg) center top no-repeat; padding-top:30px; padding-bottom:30px;overflow:hidden;}
.aboutbox .abcontent{ width:100%; height:400px; margin-top:40px; margin-bottom:10px;   border-radius:5px;  background-color:#ecedeb;}
.aboutbox .abcontent img{float:left; width:650px;height:400px; }
.abrit{ float:right; width:450px; padding:30px; font-size:14px;}
.abrit h2{ line-height:40px; font-size:20px; text-align:center; width:100%; }
.abrit p{ line-height:25px; text-indent:30px; padding-top:10px;}
.abrit span{ clear:both; width:100%; height:50px; text-align:center;display:block; padding-top:15px;}
.abrit span a{ display:inline-block; width:80px;border-radius: 5px; margin-left:10px; margin-right:10px; background:#ff9600; height:25px; line-height:25px; color:#fff;}
.abrit span a:hover{background:#ff6600;}
.footer{clear:both; background:url(images/line3.jpg) repeat-x 0px 0px; height:45px; line-height:45px; padding:0px 8px}

/*************新闻资讯*********************/
.newsbox{ height:580px; background:#f0f0f0; width:100%; padding-top:30px;}
.m_new{width: 360px; height: 378px; font-family:'微软雅黑'; margin-top:20px; background:#fff; padding:10px; }
.m_new h2{ height: 35px; line-height: 35px; border-bottom:1px solid #999999; margin-top:10px;}
.m_new h2 em{ color:#d8d8d9; font-family:Arial; float:left; font-size:14px; margin-left:6px; font-weight:400}
.m_new h2 a{color: #ff9600; font-size: 18px;  font-weight:500; display: inline-block;padding: 0px; float: left;}
.m_new h2 .u_more a{background: none; color: #999696; font-size: 12px; font-weight:500;margin-top:3px;}
.m_new .u_dlst2{padding-top: 10px;  display:block;   }
.m_new .u_dlst2 dt{ width: 127px; float: left; margin-right: 8px;}
.m_new .u_dlst2 dt img{ width: 123px; height: 101px;  border: 1px solid #e5e5e5;}
.m_new .u_dlst2 dd{width: 200px; float: left;}
.m_new .u_dlst2 h3{height: 32px; line-height: 16px; overflow: hidden; font-weight: bold; margin-bottom: 10px; }
.m_new .u_dlst2 h3 a{ font-size: 12px; color: #6e6e6e; height: 32px; line-height: 16px; overflow: hidden;}
.m_new .u_dlst2 p{ font-size: 12px; color: #838383; height: 54px; line-height: 18px; overflow: hidden;}
.m_new .u_dlst2 span a{color: #0057a6; float: right;}

.m_new .u_lst5{ border-top: 1px dotted #9f9f9f; margin-top:5px;}
.m_new .u_lst5 li{ height:35px; line-height:35px; border-bottom: 1px dotted #9f9f9f; background: url(newscoin.png) no-repeat 0px 12px; padding-left: 13px;}
.m_new .u_lst5 li a{color: #5c5b5b; display:block;width:100%; }
.m_new .u_lst5 li span{display:inline-block; float:right;}
.m_new .u_lst5 .lastli{border-bottom: none;}

.m_dt{margin-left:35px;}

/* 常见问题 */
.faq { width:360px;  height:378px; overflow:hidden; font-family:'微软雅黑'; margin-top:20px;background:#fff; padding:10px;}
.faq h2{height: 35px; line-height: 35px; border-bottom:1px solid #999999; margin-top:10px;}
.faq h2 em{ color:#d8d8d9; font-family:Arial; float:left; font-size:14px; margin-left:6px; font-weight:400}
.faq h2 a{color: #ff9600; font-size: 18px;  font-weight:500; display: inline-block;padding: 0px; float: left;}
.faq h2 .u_more a{background: none; color: #999696; font-size: 12px; font-weight:500;margin-top:3px;}

.fa_con{width:340px;  padding-top: 17px;}
.fa_con dl { padding:14px 10px 0 5px; height: 86px; margin-bottom: 3px; }
.fa_con .lastdl{background: #f5f5f5;}
.fa_con dl dt { height:28px; line-height:28px; background:url(wd.png) no-repeat left 5px; padding-left:33px; font-weight:normal; overflow: hidden; background-size:24px auto}
.fa_con dl dt a { color:#202020; font-size: 14px;font-weight:600;}
.fa_con dl dd { line-height:22px; height: 44px; overflow:hidden;  padding:0 0 0 33px; color:#616161; margin-top:3px; font-size: 12px;background-size:24px auto}
.fa_con .nobot { border-bottom:0;}


#sidetool{width:40px; position:fixed; right:50%;margin-right:628px;bottom:100px;z-index:999;}
#sidetool li{width:40px; float:left; clear:both; margin-top:2px; text-align:center; line-height:40px; font-size:16px;}
#sidetool li .elou{display:block; color:#7a7a7a; background:#ececec;}
#sidetool li .etitle{display:none;}
#sidetool li.at .elou,#sidetool li:hover .elou{display:none;}
#sidetool li.at .etitle,#sidetool li:hover .etitle{display:block; color:#fff; line-height:16px; font-size:12px; background:#FF6C00; padding:4px 5px; width:30px;}

/* 热销产品*/

.design-info .design-info-detail, .index-kgl .kgl-upper-detail-text a, .yzs-detail-content {
    -moz-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-banner, .index-kgl, .index-tubatu, .index-zzx {
    background-color: #fff;
}
.index-icon {
    background-image: url("index_bg_s.png");
    background-repeat: no-repeat;
}
.gray {
    filter: grayscale(100%);
}
.move-animation {
    overflow: hidden;
}
.move-animation img {
    transition: all 1s ease 0s;
}
.move-animation:hover img {
    transform: scale(1.05) translate3d(0px, -2px, 0px);
}
.slow-emerge {
    opacity: 0;
    transform: translate(0px, 20%);
}
.index-common .index-common-header {
    text-align: center;
}
.index-common-header .index-common-title {
    font-size: 34px;
    font-weight: 500;
}
.index-common-header .index-common-title-after, .index-common-header .index-common-title-before {
    background-color: #d8d8d8;
    display: inline-block;
    height: 1px;
    margin: 0 26px;
    vertical-align: middle;
    width: 57px;
}
.index-common-header .index-common-description {
    color: #999;
    display: block;
    font-size: 14px;
    padding: 6px 0;
}
.index-common .index-common-navbar {
    font-size: 14px;
    padding-bottom: 40px;
    padding-top: 36px;
    text-align: center;
}
.index-common-navbar li {
    display: inline-block;
}
.index-common-navbar li a {
    color: #333;
    font-size: 14px;
}
.index-common-navbar li a .arrow, .index-zzx-city .arrow {
    background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YTRkMGFiMS04ZTQ5LTAzNDAtYjcyOC0yMzg3YWI5ODg2NzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjUyQTdEMzIzQTA1MTFFN0FCN0FGRTkzNzkzNDIwRTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjUyQTdEMzEzQTA1MTFFN0FCN0FGRTkzNzkzNDIwRTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OGE0ZDBhYjEtOGU0OS0wMzQwLWI3MjgtMjM4N2FiOTg4NjczIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhhNGQwYWIxLThlNDktMDM0MC1iNzI4LTIzODdhYjk4ODY3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PheCEA8AAADISURBVHjahNGhCgJBFIXh2cEkGExiMJhsIkxYq81qsFhVVHwOn8JuMlhEDGYNi2g3iE3QJ9DgPzIGh529Fz4GlsPZ2buRMWaulHpjogKTJMn3LKynYlYjwhhPtFX2iFlbOEADD2xwQCVQKGa1O8+ooYM6brCfl0spzcxqL7xCHiP08cIwcNvUrA6Ed+7NdlrCXv+yfmGMEy64w6AXKErN/gqbOLoll9wfjN0zfzKztnCBParoooxt4FZi1hZeMUMRS2FfYvYjwACoOTfurYnaaQAAAABJRU5ErkJggg==") no-repeat scroll 0 0;
    display: inline-block;
    height: 10px;
    margin-bottom: 0;
    vertical-align: middle;
    width: 10px;
}
.index-common-navbar li a:hover {
    color: #0cb46a;
}
.index-common-navbar li a:hover .arrow, .index-zzx-city li:hover .arrow {
    background-position: -11px 0;
}
.index-common-navbar .navbar-line {
    color: #c3c3c3;
    padding: 0 18px;
}
.index-banner {
    position: relative;
}
.index-banner .arrow-left, .index-banner .arrow-right {
    background-color: #333;
    display: none;
    height: 92px;
    margin-top: -46px;
    opacity: 0.3;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 2;
}
.index-banner .arrow-left:hover, .index-banner .arrow-right:hover {
    opacity: 0.5;
}
.index-banner:hover .arrow-left, .index-banner:hover .arrow-right {
    display: block;
}
.index-banner .arrow-left {
    left: 1px;
}
.index-banner .arrow-right {
    right: 1px;
}
.index-banner .bannner-arrow {
    background: rgba(0, 0, 0, 0) url("http://img.to8to.com/to8to_pc/index/statics/img/index_bg_m.png") no-repeat scroll 0 0;
    display: block;
    height: 22px;
    left: 50%;
    margin-left: -5px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    width: 10px;
}
.arrow-left .bannner-arrow {
    background-position: -30px -25px;
}
.arrow-right .bannner-arrow {
    background-position: -40px -25px;
}
.banner-sliders .swiper-slide, .banner-sliders .swiper-wrapper {
    height: 420px;
    overflow: hidden;
    position: relative;
}
.banner-sliders .swiper-slide a {
    display: block;
    height: 420px;
    position: relative;
}
.banner-sliders .swiper-slide img {
    display: none;
    height: 420px;
    left: 50%;
    margin-top: -210px;
    position: absolute;
    top: 50%;
}
.index-banner .slider-btns {
    bottom: -5px;
    left: 50%;
    margin-left: -180px;
    position: absolute;
    text-align: center;
    width: 360px;
    z-index: 1;
}
.slider-btns .swiper-pagination-switch {
    border-top: 1px solid #fff;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    opacity: 0.4;
    width: 30px;
}
.slider-btns .swiper-active-switch {
    opacity: 1;
}
.slider-btns .swiper-pagination-switch + .swiper-pagination-switch {
    margin-left: 14px;
}
@media screen and (min-width: 1460px) {
.index-common-header .index-common-title {
    font-size: 42px;
}
.index-common-header .index-common-description, .index-common-navbar li a {
    font-size: 18px;
}
.index-common .index-common-navbar {
    font-size: 18px;
    padding-bottom: 34px;
    padding-top: 44px;
}
.index-banner .banner-sliders .swiper-slide img {
    margin-top: -320px;
}
.index-banner .banner-sliders .swiper-slide, .index-banner .banner-sliders .swiper-slide a, .index-banner .banner-sliders .swiper-slide img, .index-banner .banner-sliders .swiper-wrapper {
    height: 640px;
}
}
.index-fabiao {
    background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRFNjAyNUE3M0M4RDExRTdCMDY2OTZGQ0JBRTZFRUVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRFNjAyNUE4M0M4RDExRTdCMDY2OTZGQ0JBRTZFRUVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REU2MDI1QTUzQzhEMTFFN0IwNjY5NkZDQkFFNkVFRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REU2MDI1QTYzQzhEMTFFN0IwNjY5NkZDQkFFNkVFRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4EGUDmAAAAD0lEQVR42mJgYGCYCRBgAACeAJqgxcsLAAAAAElFTkSuQmCC") repeat scroll 0 0;
    border-radius: 4px;
    bottom: 21px;
    color: #fff;
    left: 50%;
    margin-left: -328px;
    padding: 18px 28px 20px;
    position: absolute;
    width: 600px;
    z-index: 1;
}
.index-fabiao .fabiao-title {
    display: inline;
    font-size: 18px;
    font-weight: 500;
}
.index-fabiao .fabiao-seperate {
    padding-left: 10px;
    padding-right: 15px;
}
.index-fabiao .fabiao-tip {
    font-size: 12px;
}
.index-fabiao .fabiao-tip-strong {
    color: #f15804;
}
.index-fabiao .fabiao-form {
    margin-top: 7px;
}
.fabiao-form .fabiao-form-group {
    display: inline;
    float: left;
    position: relative;
}
.fabiao-form .fabiao-form-group + .fabiao-form-group {
    margin-left: 10px;
}
.fabiao-form .fabiao-form-phone {
    border: 0 none;
    font-size: 12px;
    height: 16px;
    padding: 10px;
    width: 258px;
}
.fabiao-form .fabiao-form-btn {
    background-color: #ff5a00;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: inline;
    float: left;
    font-size: 14px;
    height: 36px;
    line-height: 20px;
    margin-left: 10px;
    padding: 10px;
    width: 112px;
}
.fabiao-form .fabiao-form-btn:active {
    background-color: #e55100;
}
.form-error {
    color: #ff6767;
    padding-top: 3px;
}
.index-fabiao .form-error {
    bottom: -21px;
    left: 0;
    position: absolute;
}
.form-error .form-error-icon {
    background: rgba(0, 0, 0, 0) url("http://img.to8to.com/to8to_pc/index/statics/img/index_bg_m.png") no-repeat scroll -44px -1px;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
.index-fabiao .district {
    display: inline-block;
    position: relative;
    z-index: 10;
}
.index-fabiao .district input {
    border: 0 none;
    font-size: 12px;
    height: 16px;
    padding: 10px;
    width: 170px;
}
.index-fabiao .district .district-icon {
    background: rgba(0, 0, 0, 0) url("http://img.to8to.com/to8to_pc/index/statics/img/index_bg_m.png") no-repeat scroll -31px 5px;
    cursor: pointer;
    display: block;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 6px;
    width: 16px;
}
.index-fabiao .fabiao-form-hint {
    color: #999;
    font-size: 12px;
    left: 10px;
    position: absolute;
    top: 9px;
}
@media screen and (min-width: 1460px) {
.index-fabiao .district input {
    font-size: 14px;
    height: 28px;
    padding: 10px 20px;
    width: 260px;
}
.index-fabiao .district .district-icon {
    top: 13px;
}
.index-fabiao .fabiao-form-hint {
    font-size: 14px;
    left: 20px;
    top: 15px;
}
.index-fabiao {
    bottom: 35px;
    height: 94px;
    margin-left: -475px;
    padding: 25px 40px;
    width: 880px;
}
.index-fabiao .fabiao-title {
    font-size: 20px;
}
.fabiao-form .fabiao-form-phone {
    font-size: 14px;
    height: 28px;
    padding: 10px 20px;
    width: 360px;
}
.fabiao-form .fabiao-form-btn {
    font-size: 18px;
    height: 48px;
    margin-left: 20px;
    width: 150px;
}
.index-fabiao .fabiao-form {
    margin-top: 16px;
}
.index-banner .slider-btns {
    bottom: 2px;
}
}
.consult-popup-wrapper {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 7047;
}
.popup-box, .popup-box-fail {
    left: 50%;
    position: absolute;
}
.popup-box {
    background-color: #fff;
    margin-left: -400px;
    margin-top: -250px;
    padding: 60px;
    top: 50%;
    width: 680px;
}
.popup-box .popup-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 35px;
    padding-top: 15px;
    text-align: center;
}
.popup-box .popup-header-success {
    display: block;
    font-size: 28px;
    font-weight: 700;
}
.popup-box .popup-header-success-icon {
    background: rgba(0, 0, 0, 0) url("http://img.to8to.com/to8to_pc/index/statics/img/index_bg_m.png") no-repeat scroll -61px -2px;
    display: inline-block;
    height: 37px;
    vertical-align: middle;
    width: 41px;
}
.popup-box .popup-header-tip {
    color: #fb6947;
    display: block;
    font-size: 16px;
}
.popup-box .popup-content-title {
    color: #0cb46a;
    font-size: 20px;
    padding: 34px 0;
    text-align: center;
}
.popup-box .popup-item-title {
    font-size: 15px;
}
.popup-box .popup-item-description {
    color: #999;
    font-size: 12px;
}
.popup-box .popup-content-item {
    float: left;
    width: 190px;
}
.popup-box .popup-content-item + .popup-content-item {
    margin-left: 55px;
}
.popup-box .popup-content-item .popup-content-item-img {
    background: rgba(0, 0, 0, 0) url("http://img.to8to.com/to8to_pc/index/statics/img/fabiao_popup_s.png") no-repeat scroll 0 0;
    display: block;
    height: 101px;
    width: 191px;
}
.popup-box .popup-content-item .popup-content-item-img-f {
    background-position: 0 0;
}
.popup-box .popup-content-item .popup-content-item-img-s {
    background-position: -208px 0;
}
.popup-box .popup-content-item .popup-content-item-img-t {
    background-position: -418px 0;
}
.popup-box .popup-close, .popup-box-fail .popup-close {
    background: rgba(0, 0, 0, 0) url("http://img.to8to.com/to8to_pc/index/statics/img/index_bg_m.png") no-repeat scroll -3px -24px;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
}
.popup-box-fail {
    background-color: #fff;
    margin-left: -200px;
    margin-top: -87px;
    padding: 60px;
    top: 50%;
    width: 340px;
}
.popup-fail-tip {
    font-size: 16px;
    left: 15px;
    position: absolute;
    top: 10px;
}
.popup-fail-icon {
    background: rgba(0, 0, 0, 0) url("http://img.to8to.com/to8to_pc/index/statics/img/indexFix.png") no-repeat scroll -17px -20px;
    display: inline-block;
    height: 60px;
    width: 60px;
}
.popup-fail-text {
    display: inline-block;
    font-size: 18px;
    line-height: 32px;
    margin-left: 18px;
    vertical-align: super;
    width: 240px;
}
.index-entries .entries-item + .entries-item, .zzx-company-list + .zzx-company-list {
    margin-left: 20px;
}
.index-entries {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 20px 0;
}
.index-entries .entries-item {
    box-shadow: 0 0 0 #fff;
    float: left;
    opacity: 1;
    transition: all 0.3s ease 0s;
    width:285px;
    height:116px
}
.index-entries .entries-item a {
    background-color: #fff;
    display: block;
    
    padding: 23px 30px;
    
}
.index-entries .entries-item:hover {
    border-radius: 2px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0px, -2px, 0px);
}
.entries-item .entries-item-title {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 44px;
}
.entries-item .entries-item-info {
    float: left;
    text-align: left;
}
.entries-item .entries-item-tip {
    color: #666;
    display: block;
    font-size: 12px;
    line-height: 17px;
}
.entries-item .entries-item-icon {
    background-image: url("index_bg_s.png");
    display: block;
    float: right;
}
.entries-item-icon-first {
      background-position: -1px -283px;
    height: 72px;
    width: 68px;
}

.entries-item-icon-second {
    background-position: -66px -283px;
    height: 72px;
    width: 75px;
}
.entries-item-icon-third {
    background-position: -140px -287px;
    height: 65px;
    width: 79px;
}
.entries-item-icon-fourth {
        background-position: -220px -283px;
    height: 71px;
    width: 62px;
}

.entries-item-icon-six {
        background-position: -293px -283px;
    height: 71px;
    width: 62px;
}


.entries-item-icon-seven {
        background-position: -359px -283px;
    height: 71px;
    width: 62px;
}


.entries-item-icon-eigth {
        background-position: -427px -283px;
    height: 71px;
    width: 62px;
}


.entries-item-icon-june {
   background-position: -501px -283px;
    height: 71px;
    width: 67px;
}









.entries-item-icon-five {
    background-position: -440px -286px;
    height: 66px;
    width: 71px;
}
@media screen and (min-width: 1460px) {

.index-entries .entries-item + .entries-item {
    margin-left: 20px;
}
.entries-item .entries-item-icon {
    height: 73px;
}
.entries-item .entries-item-title {
    font-size: 24px;
}
.entries-item .entries-item-tip {
    font-size: 14px;
}
}
.index-common .index-zzx-city-box {
    float: left;
    left: 50%;
    margin-top: 28px;
    position: relative;
}
.index-common .index-zzx-city {
    font-size: 0;
    left: -50%;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.index-zzx {
    /* padding: 80px 0 40px; */
}
.index-zzx .content-wrapper {
    padding-bottom: 20px;
}
.index-zzx-city li {
    border: 1px solid #e8e8e8;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 150px;
}
.index-zzx-city li a {
    display: block;
           
}

.index-zzx-city li.on a, .index-zzx-city li:hover a {
    color: #fff;

}
.index-zzx-city li + li {
    border-left: 0 none;
}
.index-zzx-company-box {
    height: 445px;
    width: 100%;
}
.index-zzx-company {
    float: left;
    font-size: 9px;
}
.index-zzx-company  dl {
    width: 300px;
    height: 300px;
    margin: 15px 3px 0 0;
    float: left;
}
.index-zzx-company dl dd {
    width: 90%;
    height: 230px;
    overflow: hidden;
    margin-left: 5px;
    margin-right:5px;
    border:solid 1px #ccc
}
.index-zzx-company dd a {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}
.index-zzx-company dl dt {
    color: #666;
  width:90%;
    display: block;
padding-left:20px
}
.index-zzx-company dl dt h1 {
    font-size: 16px;
    margin: 10px 0 5px 0;
}
.index-zzx-company dl dt h1 a {
    transition: all .3s ease-in;
}

.index-zzx-company dl dd:hover a{ transform:scale(1.1);}
.zzx-company-list {
    background-color: #fff;
    float: left;
    height: 400px;
    margin-top: 20px;
    transition: all 0.5s ease 0s;
    vertical-align: top;
    width: 288px;
    margin-right:20px;
    margin-left:0px !important
}
.zzx-company-img {
    height: 200px;
    position: relative;
    width: 288px;
    border-top:solid 1px #e8e8e8;
     border-left:solid 1px #e8e8e8;
      border-right:solid 1px #e8e8e8
}
.company-bag-url {
    display: block;
    height: 260px;
    overflow: hidden;
    width: 290px;
    text-align:center
}
.zzx-company-bag {
    height: 200px;
    transition: all 0.7s ease 0s;
    width: 270px;
   
}
.zzx-company-tj {
    background:url("http://img.to8to.com/to8to_pc/index/statics/img/index_bg_m.png") no-repeat scroll 0 0;
    height: 49px;
    left: 10px;
    position: absolute;
    top: 0;
    width: 55px;
}
.bg-huoyue {
    background-position: -100px -1px;
}
.bg-tuijian {
    background-position: -156px -1px;
}
.zzx-company-logo-box {
    background-color: #fff;
    border-radius: 50%;
    bottom: -45px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
    height: 90px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    width: 90px;
}
.zzx-company-logo {
    bottom: 13px;
    height: 64px;
    left: 50%;
    margin-left: -32px;
    position: absolute;
    width: 64px;
}
.index-zzx-process ul li, .zzx-step-img {
    float: left;
    position: relative;
}
.zzx-company-detail {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e8e8e8 #e8e8e8 #e8e8e8;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    height: 139px;
    padding-top: 64px;
    text-align: center;
    width: 288px;
}
.zzx-company-name {
    color: #333;
    font-size: 16px;
    overflow: hidden;
    padding: 0 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zzx-company-data li {
    color: #999;
    display: inline-block;
    font-size: 12px; line-height:25px;
}
.zzx-company-data li + li {
    margin-left: 13px;
}
.zzx-company-data li em, .zzx-company-data li span {
    float: left;
}
.zzx-company-data span {
    color: #ff5a00;
    overflow: hidden;
    text-align: left;
   
}
/*.zzx-company-data .favorable-rate {
    width: 36px;
}*/
.zzx-company-bespoke {
    border: 1px solid #7c7c7c;
    color: #333;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin-top: 26px;
    width: 78px;
}
.zzx-company-list:hover {
    border: 0 none;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0px, -4px, 0px);
}
.zzx-company-list:hover .zzx-company-detail  {
    border: 0 none;
}

.zzx-company-list:hover .zzx-company-img  {
    border: 0 none;
}


.zzx-company-list:hover .zzx-company-bespoke {
    background-color: #ff5a00;
    border: 0 none;
    color: #fff;
    height: 30px;
    text-align: center;
    width: 80px;
}
.zzx-company-list:hover .zzx-company-bag {
    transform: scale(1.1);
}
.index-zzx-process {
    margin-top: 54px;
    padding-bottom: 60px;
    text-align: center;
    transform: translate(0px, 20%);
    width: 100%;
}
.index-yzs, .index-zwj-list {
    transform: translate(0px, 10%);
}
.index-zzx-process img {
    margin-top: 72px;
}
.index-zzx-process h4 {
    color: #333;
    font-size: 24px;
    font-weight: 500;
}
.index-zzx-process ul {
    overflow: hidden;
}
.index-zzx-process ul li p {
    white-space: nowrap;
}
.index-zzx-process ul li span {
    display: block;
}
.index-zzx-process ul li + li {
    margin-left: 40px;
}
.zzx-process-yy {
    margin-left: 5px;
}
.index-zzx-process .zzx-process-yy {
    width: 84px;
}
.index-zzx-process .zzx-process-lf {
    width: 172px;
}
.index-zzx-process .zzx-process-fa {
    width: 144px;
}
.index-zzx-process .zzx-process-ht {
    width: 140px;
}
.index-zzx-process .zzx-process-sg {
    width: 154px;
}
.index-zzx-process .zzx-process-ys {
    width: 140px;
}
.index-zzx-process .zzx-process-bz {
    width: 112px;
}
.index-zzx-process .index-icon {
    display: block;
    margin: 0 auto;
}
.zzx-process-box {
    margin-top: 52px;
}
.index-zzx-process .icon-zxyy {
    background-position: -380px -108px;
    height: 51px;
    width: 41px;
}
.index-zzx-process .icon-lf {
    background-position: -380px -56px;
    height: 46px;
    margin-top: 5px;
    width: 54px;
}
.index-zzx-process .icon-fa {
    background-position: -381px 0;
    height: 51px;
    width: 60px;
}
.index-zzx-process .icon-ht {
    background-position: -312px -168px;
    height: 51px;
    width: 50px;
}
.index-zzx-process .icon-sg {
    background-position: -312px -116px;
    height: 45px;
    margin-top: 6px;
    width: 54px;
}
.index-zzx-process .icon-ys {
    background-position: -312px 0;
    height: 49px;
    margin-top: 2px;
    width: 57px;
}
.index-zzx-process .icon-bz {
    background-position: -311px -56px;
    height: 51px;
    width: 47px;
}
.index-zzx-step {
    color: #333;
    font-size: 16px;
    margin-top: 16px;
}
.index-zzx-detail {
    color: #999;
    font-size: 12px;
    margin-top: 3px;
}
.zzx-step-box {
    height: 33px;
    margin-top: 28px;
}
.zzx-step-img {
    margin-left: 0px;
}
.zzx-step-img-first {
    margin-left: 25px;
}
.icon-round {
    background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM1RjQwMkE3NEI0MzExRTc5QkM3RUY0Q0JENEQ5RUVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1RjQwMkE4NEI0MzExRTc5QkM3RUY0Q0JENEQ5RUVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzVGNDAyQTU0QjQzMTFFNzlCQzdFRjRDQkQ0RDlFRUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzVGNDAyQTY0QjQzMTFFNzlCQzdFRjRDQkQ0RDlFRUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Wyi8EAAACqElEQVR42sRYTWsTURR9TYIhkEwh0xCSRQhKUSFrq0u7KFQF+xuq1I0a/4G/YXTlR/0LzcpiNy4saHWZgIq6mU0I6QSchIRIEj0n3MgYO/lgkpkLJzOEmXPO3DfvvXtnpVwuqzniCnBDjhcBHVgFfgIW8BX4CLyW49QoFAoqMsN1MWAXKMZisfVEIqFwVNFoVIXD4SH6/f4q0e12z3c6ne1ms/kYx++4xwD2gc4kgZUpmbgNPEkmkzld14fCswYMqUajoSzLMvkAQMktEyEXDqo90zStlM/nc9lsdi4DQwJcn8lkFO8HzwH5hPe/OGs4NLrGk18nideIx+NDVKvVPWRlHX/tALbzmvFMnAMOUqnUQgw4g3zkJb/ouJp4igxsptNptYwgL/mp42ZiB2O3t+gMnJUR6siw/GOC09DALFB+hOgYovvXxC6nIV8gP4I6GJYcTu84TRS5DvgZko2HIxMbXAnnXQe8BvWoW6lUNmhii0txECG6WzRxlXtBECG612jist9D4RwSxCWa0CORSCAmRHeNJrRQKBSICdFN8NceDAaBmBDdJk1YvV4vEBOie0oTn1mABBGi+4UmPqAUC8SE6L6niSPUhIGYEN0jmjiBo29+Dwn1qIsa82Q0Nw2UXr6aYBHMItq5i77Cn2ar1fLFAHWkCt93muAbUhR3fmWhOOpHnEtlybbtF6iKl2qA/NRx9iHj6/V9pOldrVZbigHygv8Ypw8mVdu/gFv1ev3tojNCPvLi9CYnxyQTShqTbTh+bpqm8vqy8n7ykI+8442PWwemxOk9jN0hYLAoZU3ooRd9JE2PmrUNdAZfnjcguguwK7/g7MpZD3A75m7IzUgWoOHTt9vtH1LWv/TalU/7PrEmvStTfCrfJz4Bh1yJgd+zfJ/4I8AACfkaufuzAtoAAAAASUVORK5CYII=") no-repeat scroll 0 0;
    float: left;
    height: 33px;
    width: 33px;
}
.step-num {
    color: #a3a3a3;
    font-size: 14px;
    left: 13px;
    position: absolute;
    top: 7px;
}
.index-yzs .yzs-bg-left, .index-yzs .yzs-bg-right, .yzs-bg-right-box {
    height: 500px;
    position: absolute;
    top: 0;
}
.step-line {
    background-color: #e3e3e3;
    float: left;
    height: 1px;
    margin: 16px 0 0 5px;
    width: 146px;
}
.index-yzs {
    height: 500px;
    overflow: hidden;
    position: relative;
    transform: translate(0px, 10%);
}
.index-yzs .yzs-bg-left img {
    height: 1000px;
    margin-left: -371px;
    margin-top: -300px;
    width: 1536px;
}
.index-yzs-bg {
    float: left;
    width: 100%;
}
.index-yzs .yzs-bg-left {
    left: 0;
    overflow: hidden;
}
.yzs-bg-right-box {
    right: 0;
    width: 597px;
    z-index: 11;
}
.index-yzs .yzs-bg-right {
    right: 0;
    width: 597px;
}
.index-yzs .content-wrapper {
    height: 500px;
    position: relative;
    z-index: 10;
}
.index-yzs-review {
    background-color: #fff;
    border-radius: 4px;
    height: 350px;
    left: 0;
    padding: 40px 50px 0;
    position: absolute;
    top: 60px;
    width: 500px;
}
.index-yzs-yezhu {
    left: 80px;
    position: absolute;
    top: 48px;
    width: 430px;
}
.index-yzs-title {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 8px;
    text-align: left;
}
.index-yzs-slogan {
    color: #fff;
    font-size: 14px;
    margin-bottom: 3px;
    text-align: left;
}
.index-yzs-yezhu ul {
    margin-top: 27px;
    overflow: hidden;
}
.index-yzs-yezhu ul li {
    border: 2px solid #0cb46a;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    height: 66px;
    margin: 0 34px 29px 0;
    width: 66px;
}
.index-yzs-yezhu img.gray {
    border: 2px solid #fff;
}
.index-yzs-yezhu ul li img {
    border-radius: 50%;
    height: 66px;
    width: 66px;
}
.yzs-detail {
    overflow: hidden;
}
.yzs-detail-logo {
    border-radius: 50%;
    float: left;
    height: 70px;
    width: 70px;
}
.yzs-detail p {
    float: left;
    margin-left: 19px;
    width: 410px;
}
.yzs-detail-title {
    color: #333;
    font-size: 18px;
    margin-top: 10px;
}
.yzs-detail-title-dot {
    display: inline-block;
    font-size: 12px;
    margin-top: 6px;
    vertical-align: top;
}
.yzs-detail-type {
    color: #999;
    font-size: 12px;
    margin-top: 3px;
    white-space: nowrap;
}
.yzs-detail-content {
    color: #666;
    display: -webkit-box;
    font-size: 14px;
    height: 42px;
    line-height: 23px;
    margin-top: 10px;
    text-align: left;
}
.yzs-detail-img {
    margin-top: 24px;
    overflow: hidden;
}
.yzs-detail-img a {
    float: left;
}
.yzs-detail-img img {
    height: 160px;
    width: 235px;
}
.yzs-detail-img a + a {
    margin-left: 20px;
}
.yzs-detail-type .division-thread {
    display: inline-block;
    margin: 4px 11px 0;
}
.index-ksj {
    background: #f5f5f5 none repeat scroll 0 0;
    padding-bottom: 15px;
    padding-top: 90px;
}
.design-topic {
    margin-bottom: 80px;
    position: relative;
}
.design-topic .design-info {
    background: rgba(0, 0, 0, 0) url("http://img.to8to.com/to8to_pc/index/statics/img/topic_bg_2.png?v=20170620") no-repeat scroll 0 0;
    display: none;
    height: 362px;
    left: 65px;
    overflow: hidden;
    padding: 60px;
    position: absolute;
    top: 0;
    width: 360px;
    z-index: 1;
}
.design-topic .design-info a {
    display: block;
}
.design-info .design-info-title {
    font-size: 30px;
    font-weight: 400;
    overflow-wrap: break-word;
    word-break: break-all;
}
.design-info .design-info-detail {
    display: -webkit-box;
    font-size: 14px;
    height: 168px;
    line-height: 35px;
    margin-bottom: 60px;
    margin-top: 20px;
    overflow-wrap: break-word;
    word-break: break-all;
}
.design-info .design-info-btn {
    border: 1px solid #777;
    font-size: 12px;
    padding: 5px 15px;
}
.design-info .design-info-btn:hover {
    background-color: #ff5a00;
    border: 0 none;
    color: #fff;
    padding: 6px 16px;
}
.design-topic .arrow-left, .design-topic .arrow-right {
    bottom: 0;
    display: block;
    height: 50px;
    position: absolute;
    width: 50px;
    z-index: 2;
}
.design-topic .arrow-left {
    background-color: #0cb469;
    left: 398px;
}
.design-topic .arrow-right {
    background-color: #0cb469;
    left: 483px;
}
.design-topic .topic-arrow {
    background: rgba(0, 0, 0, 0) url("http://img.to8to.com/to8to_pc/index/statics/img/index_bg_m.png") no-repeat scroll 0 0;
    display: block;
    height: 22px;
    left: 50%;
    margin-left: -6px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    width: 12px;
}
.design-swiper, .design-swiper .swiper-slide {
    height: 482px;
}
.arrow-left .topic-arrow {
    background-position: 0 0;
}
.arrow-right .topic-arrow {
    background-position: -14px 0;
}
.design-swiper {
    display: none;
    overflow: hidden;
    position: relative;
}
.design-swiper .swiper-wrapper {
    background: rgba(0, 0, 0, 0) url("http://img.to8to.com/to8to_pc/index/statics/img/topic_bg_1.png?v=20170620") no-repeat scroll 0 0;
    height: 482px;
}
.design-swiper .swiper-slide a {
    display: block;
    overflow: hidden;
    padding-left: 10px;
    width: 742px;
}
.design-swiper .swiper-slide img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.design-group {
    width: 100%;
}
.design-group .design-group-l {
    float: left;
    width: 24%;
}
.design-group .design-group-c {
    float: left;
    margin-left: 0.675%;
    width: 37.2%;
}
.design-group .design-group-r {
    float: right;
    width: 37.45%;
}
.design-group-c img, .design-group-l img, .design-group-r img {
    position: absolute;
}
.design-group-l .design-link.first {
    height: 330px;
}
.design-group-l .design-link.second {
    height: 240px;
}
.design-group-c .design-link.first {
    height: 260px;
}
.design-group-c .design-link.second {
    height: 310px;
}
.design-group-r .design-link.first {
    height: 320px;
}
.design-group-r .design-link.second {
    height: 250px;
}
.design-group .design-link {
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
}
.cover-inner, .index-kgl-type span img {
    position: absolute;
}
@media screen and (min-width: 1460px) {
.design-group-l .design-link.first {
    height: 480px;
}
.design-group-l .design-link.second {
    height: 314px;
}
.design-group-c .design-link.first {
    height: 334px;
}
.design-group-c .design-link.second, .design-group-r .design-link.first {
    height: 460px;
}
.design-group-r .design-link.second {
    height: 334px;
}
.design-swiper .swiper-slide a {
    width: 960px;
}
.design-topic .arrow-left, .design-topic .arrow-right {
    height: 62px;
    width: 62px;
}
.design-swiper, .design-swiper .swiper-slide, .design-swiper .swiper-wrapper {
    height: 625px;
}
.design-topic .design-info {
    height: 505px;
}
.design-info .design-info-title {
    font-size: 38px;
}
.design-info .design-info-detail {
    font-size: 16px;
}
.design-info .design-info-btn {
    font-size: 14px;
    padding: 8px 18px;
}
.design-info .design-info-btn:hover {
    font-size: 14px;
    padding: 9px 19px;
}
}
.design-group .design-link .cover {
    background-color: rgba(0, 190, 141, 0.8);
    color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: -100%;
    width: 100%;
}
.cover-inner {
    height: 34px;
    left: 0;
    line-height: 20px;
    margin-top: -17px;
    top: 50%;
    width: 100%;
}
.cover-title {
    display: block;
    font-size: 20px;
}
.cover-num {
    display: block;
    font-size: 16px;
    margin-top: 25px;
}
.design-group-c .design-link + .design-link, .design-group-l .design-link + .design-link, .design-group-r .design-link + .design-link {
    margin-top: 18px;
}
.index-kgl {
    padding-top: 90px;
}
.index-kgl .content-wrapper {
    overflow: hidden;
    width: 1240px;
}
.index-kgl-content {
    float: left;
    font-size: 0;
    height: 460px;
    margin-top: 70px;
    padding: 0 10px;
}
.index-kgl-type {
    background-color: #fff;
    float: left;
    text-align: center;
    vertical-align: top;
}
.index-kgl-lower {
    border: 1px solid #e3e3e3;
    display: block;
    height: 408px;
    position: relative;
    width: 287px;
}
.index-kgl-upper {
    background-color: #fff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    display: none;
    height: 460px;
    margin-left: -1px;
    position: relative;
    transform: translate3d(0px, -25px, 0px) scale(0.9);
    transition: all 0.5s ease 0s;
    width: 354px;
    z-index: 10;
}
.index-kgl-type.hover .index-kgl-upper {
    transform: translate3d(0px, -25px, 0px) scale(1);
}
.index-kgl-type + .index-kgl-type .index-kgl-lower {
    border-left: 0 none;
}
.index-kgl .index-icon-arrow {
    background-position: 0 -254px;
    display: block;
    height: 22px;
    width: 25px;
}
.index-kgl .index-icon-arrow:hover {
    background-position: -32px -254px;
}
.index-kgl-title {
    background-color: #f6f6f6;
    height: 140px;
    padding-top: 1px;
    width: 100%;
}
.index-kgl-upper .index-kgl-title {
    height: 167px;
}
.kgl-title-text {
    color: #333;
    display: block;
    font-size: 20px;
    margin-top: 86px;
    position: relative;
}
.kgl-title-text .index-icon {
    position: absolute;
}
.index-icon-zxgl {
    background-position: -260px -48px;
    height: 42px;
    left: 50%;
    margin-left: -20px;
    top: -66px;
    width: 41px;
}
.index-kgl-upper .index-icon-zxgl {
    background-position: -208px -48px;
}
.index-icon-zxrj {
    background-position: -260px -144px;
    height: 43px;
    left: 50%;
    margin-left: -21px;
    top: -66px;
    width: 42px;
}
.index-kgl-upper .index-icon-zxrj {
    background-position: -208px -144px;
    height: 43px;
    margin-left: -20px;
    width: 39px;
}
.index-icon-zxwd {
    background-position: -207px 0;
    height: 43px;
    left: 50%;
    margin-left: -22px;
    top: -66px;
    width: 45px;
}
.index-kgl-upper .index-icon-zxwd {
    background-position: -260px 0;
    height: 42px;
    margin-left: -19px;
    width: 44px;
}
.index-icon-zxgj {
    background-position: -260px -96px;
    height: 42px;
    left: 50%;
    margin-left: -23px;
    top: -66px;
    width: 45px;
}
.index-kgl-upper .index-icon-zxgj {
    background-position: -208px -96px;
    height: 43px;
    width: 46px;
}
.index-kgl-type .index-kgl-lower ul {
    margin-top: 32px;
}
.index-kgl-type .index-kgl-lower ul li {
    color: #333;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding-left: 27px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-kgl-bg {
    font-size: 0;
    height: 167px;
    width: 354px;
}
.index-kgl-upper .kgl-title-text {
    color: #fff;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 113px;
    width: 100%;
}
.kgl-upper-detail a {
    float: left;
    margin-right: 12px;
}
.kgl-upper-detail img {
    height: 68px;
    width: 100px;
}
.index-kgl .kgl-upper-detail-content {
    float: left;
    width: 180px;
}
.index-kgl .kgl-upper-detail .kgl-upper-zxwd {
    margin-left: 0;
    width: 100%;
}
.index-kgl .kgl-upper-detail {
    border-bottom: 1px dashed #e8e8e8;
    overflow: hidden;
    padding-bottom: 18px;
}
.index-kgl .kgl-upper-detail-title {
    color: #333;
    float: left;
    font-size: 14px;
    height: 20px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-kgl .kgl-upper-detail-title a {
    color: #333;
}
.index-kgl .kgl-upper-detail-text {
    color: #999;
    float: left;
    font-size: 12px;
    height: 45px;
    line-height: 24px;
    margin-top: 5px;
    text-align: left;
    width: 100%;
}
.index-kgl .kgl-upper-detail-text a {
    display: -webkit-box;
    height: 41px;
    width: 100%;
}
.index-kgl .kgl-upper-content {
    padding: 25px 30px 0;
}
.index-kgl .kgl-upper-content ul {
    margin-top: 14px;
}
.index-kgl .kgl-upper-content ul li {
    color: #333;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-kgl .kgl-upper-content ul li a:hover {
    color: #0cb46a;
}
.index-kgl .index-kgl-zxgg-list {
    margin: 4px 0 0 34px;
    overflow: hidden;
}
.index-kgl .index-kgl-zxgg-list li {
    float: left;
    height: 80px;
    text-align: center;
    width: 142px;
}
.index-kgl .index-kgl-zxgg-list li a {
    display: inline-block;
    padding-top: 1px;
}
.index-kgl .index-kgl-zxgg-list li span {
    color: #333;
    display: block;
    font-size: 14px;
    margin-top: 15px;
    padding-top: 44px;
    position: relative;
}
.index-kgl .index-kgl-zxgg-list li span:hover, .index-video-region:hover .video-text-slogan a {
    color: #0cb46a;
}
.index-kgl .index-kgl-zxgg-list li i {
    position: absolute;
}
.index-kgl .index-icon-zxsc {
    background-position: -116px -116px;
    height: 26px;
    left: 50%;
    margin-left: -20px;
    top: 10px;
    width: 40px;
}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-zxsc {
    background-position: -159px -116px;
}
.index-kgl .index-icon-zxdk {
    background-position: -116px -148px;
    height: 29px;
    left: 50%;
    margin-left: -15px;
    top: 6px;
    width: 30px;
}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-zxdk {
    background-position: -159px -148px;
}
.index-kgl .index-icon-qz {
    background-position: -116px 0;
    height: 29px;
    left: 50%;
    margin-left: -15px;
    top: 7px;
    width: 31px;
}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-qz {
    background-position: -159px 0;
}
.index-kgl .index-icon-dz {
    background-position: -116px -75px;
    height: 36px;
    left: 50%;
    margin-left: -18px;
    top: 3px;
    width: 36px;
}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-dz {
    background-position: -160px -75px;
}
.index-kgl .index-icon-zxjr {
    background-position: -116px -36px;
    height: 35px;
    left: 50%;
    margin-left: -18px;
    top: 4px;
    width: 36px;
}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-zxjr {
    background-position: -160px -36px;
}
.index-kgl .index-icon-rzjr {
    background-position: -116px -184px;
    height: 31px;
    left: 50%;
    margin-left: -15px;
    top: 7px;
    width: 30px;
}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-rzjr {
    background-position: -159px -184px;
}
.index-icon-arrow-box {
    bottom: 19px;
    height: 22px;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    right: 0;
    width: 25px;
}
@keyframes arrowRight {
0% {
    transform: translateX(0px);
}
100% {
    transform: translateX(45px);
}
}
@keyframes arrowLeft {
0% {
    transform: translateX(-45px);
}
100% {
    transform: translateX(0px);
}
}
@media screen and (min-width: 1460px) {
@keyframes arrowRight {
0% {
    transform: translateX(0px);
}
100% {
    transform: translateX(49px);
}
}
@keyframes arrowLeft {
0% {
    transform: translateX(-49px);
}
100% {
    transform: translateX(0px);
}
}
.index-icon-arrow-box {
    bottom: 30px;
    height: 25px;
    right: 20px;
    width: 29px;
}
}
.index-kgl-type.hover .index-kgl-upper:hover .index-icon-arrow, .index-video-list-box:hover .index-icon-arrow {
    animation-delay: 0.5s, 0.9s;
    animation-duration: 0.4s, 0.4s;
    animation-iteration-count: 1, 1;
    animation-name: arrowRight, arrowLeft;
    animation-timing-function: ease-in-out, ease-in-out;
}
.index-video-list-box {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 435px;
}
.index-video-box {
    height: 653px;
    margin-top: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.video-compatible-box {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}
.video-icon-pause {
    background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgNJREFUeNrs28lqwkAYB/CZqNVDDj2r6FN41QeIy8Fe+gj6BL275Q08u9FbT8ZdwVfotSBYEPUkxFOoks4EKiJdaDuTjMn3wWBO0V/+sySR8SNSqVRKIR8qaXHkzlqS9jCfzzWcTCYp9hF5o+59sVjsiRzcegSckFzcjT+ruN80TeSlAjCAAXzdJSGPFXRpAAMYwACGZQkSdhG4WCzehMNhqV6vG6vVSrirKVEw66YoSqDb7cqlUilE8JjHd/y1MQefVzqdDmiaJpfLZWHgXMHn8F6vJ1cqlVAkEsGuAn83J4gAd2RZymQygX6/L1erVQt+9ZPWb+CDwcCC2zXGJaewl/DhcHhK3DVj+KfKZrMWvFarcYNLomAv4aPRSFZVlTlcSPA5fDweW/BoNIqFnKV53JvncjkLns/n/cLdS+92O7RYLLgsKfv9/t8XlDn4eDyiw+HA9Jyz2eyt0+kY2+3WFC5hluej0Ha7zQQq9PPwdDq1Et1sNsx/nFBgCqWJ8oAK1aUptNVqcYWewE4nahfU0YQnk4ntUEfGMIU2m01HoLaCKbTRaDgKtaVLk9tBYaBcE/6Artdr4RZ5TB6/dC+9iIe/WgAMYADDpAUJAxjAAAYwgGFZgoS/AtNNTF7Z2bL0BYPBV3Jw5xFwwWcYxgtBP5OkE8i9G7aWGOOCruvauwADALMLMEbKf4SdAAAAAElFTkSuQmCC") no-repeat scroll 0 0;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 10;
}
.index-video-play, .video-bg {
    position: absolute;
    width: 100%;
}
.index-video-box .content-wrapper {
    background-color: #fff;
    height: 453px;
    margin-top: 100px;
    position: relative;
}
.index-video-play {
    background-color: #fff;
    height: 453px;
    left: 0;
    overflow: hidden;
    top: 0;
}
.video-bg {
    height: 653px;
    left: 0;
    top: 0;
}
.video-icon, .video-play-box {
    float: left;
    height: 453px;
    width: 805px;
}
.index-video-play ul {
    position: absolute;
    right: 30px;
    top: 10px;
}
.index-video-play ul li {
    height: 65px;
    padding: 20px 0;
    width: 355px;
}
.index-gsc, .index-tubatu, .index-zwj {
    padding: 90px 0 100px;
}
.index-video-region {
    cursor: pointer;
    height: 100%;
    width: 100%;
}
.index-video-play ul li + li {
    border-top: 1px dashed #d8d8d8;
}
.video-url {
    float: left;
    height: 65px;
    position: relative;
    vertical-align: top;
    width: 100px;
}
.video-url .video-text-title {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    display: none;
    font-size: 12px;
    height: 66px;
    left: 0;
    line-height: 65px;
    opacity: 0.6;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100px;
}
.video-play-num, .video-text-slogan {
    float: left;
    text-align: left;
    vertical-align: top;
}
.index-kgl li.on .video-text-title {
    display: block;
}
.video-icon-title {
    height: 65px;
    width: 100px;
}
.video-text-slogan, .video-text-slogan a {
    color: #333;
    height: 22px;
    overflow: hidden;
    width: 240px;
}
.video-text-slogan {
    font-size: 16px;
    margin: 6px 0 8px 14px;
}
.video-text-slogan a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.video-play-num {
    height: 20px;
    margin-left: 14px;
    width: 240px;
}
.video-play-num span {
    color: #999;
    font-size: 12px;
    margin-left: 20px;
    position: relative;
    vertical-align: top;
}
.video-play-num .video-intro {
    color: #666;
    height: 20px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-kgl .icon-play {
    background-position: -184px -248px;
    height: 12px;
    left: -20px;
    position: absolute;
    top: 0;
    width: 16px;
}
.index-kgl li.on .icon-play {
    background-position: -162px -248px;
}
.index-video-play ul li:hover .play-btn {
    background-position: -92px -228px;
    height: 20px;
    left: 50%;
    margin: -10px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 25px;
}
.index-video-play ul li.on:hover .play-btn {
    display: none;
}
.index-zwj {
    background-color: #fff;
}
.index-zwj-list {
    margin-left: -20px;
    transform: translate(0px, 10%);
}
.index-zwj-list .list-item {
    float: left;
    height: 291px;
    margin-left: 20px;
    overflow: hidden;
    width: 393px;
}
.index-zwj-list .list-item a {
    cursor: pointer;
    display: block;
    position: relative;
}
.index-zwj-list .list-item img {
    height: 291px;
    transition: all 0.7s ease 0s;
    width: 393px;
}
.index-zwj-list .list-item a::after {
    box-shadow: 0 -58px 123px -62px #000 inset;
    content: "";
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.index-zwj-list .list-item:hover img {
    transform: scale(1.03);
}
.index-zwj-list .list-item-label {
    bottom: 16px;
    color: #fff;
    font-size: 16px;
    left: 20px;
    position: absolute;
    z-index: 1;
}
@media screen and (min-width: 1460px) {
.index-zwj-list .list-item, .index-zwj-list .list-item img {
    height: 350px;
    width: 474px;
}
.index-zwj-list {
    margin-left: -19px;
}
.index-zwj-list .list-item {
    margin-left: 19px;
}
}
.transverse-thread {
    background-color: #fff;
    display: block;
    height: 1px;
    width: 40px;
}
.index-gsc {
    background: #f5f5f5 none repeat scroll 0 0;
}
.index-seller-list, .index-seller-list ul li {
    background-color: #fff;
    float: left;
}
.index-gsc .content-wrapper {
    overflow: hidden;
}
.index-gsc .list-wares {
    float: left;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    width: 400px;
}
.index-gsc .index-gsc-list {
    float: left;
    font-size: 0;
}
.index-gsc .list-wares img {
    height: 358px;
    vertical-align: top;
    width: 400px;
}
.list-wares a {
    display: inline-block;
}
.index-gsc .list-more {
    margin-right: 0;
}
.index-gsc .list-more img {
    height: 175px;
    width: 400px;
}
.index-gsc .list-more a {
    display: block;
    position: relative;
    vertical-align: bottom;
}
.index-gsc .list-more a + a {
    margin-top: 8px;
}
.index-seller-list {
    margin-top: 20px;
    width: 100%;
}
.index-seller-list a, .index-seller-list img {
    height: 110px;
    width: 243px;
}
.index-seller-list ul {
    overflow: hidden;
}
.index-seller-list ul li a {
    float: left;
}
.index-seller-list .division-thread {
    background-color: #e0e0e0;
    float: left;
    height: 35px;
    margin: 37px 0 0;
}
.list-wares-title {
    color: #333;
    position: absolute;
    text-align: center;
}
.list-wares .list-wares-title {
    left: 0;
    top: 38px;
    width: 100%;
    z-index: 10;
}
.list-wares .list-wares-name {
    font-size: 20px;
    margin-bottom: 12px;
}
.list-wares .transverse-thread {
    background-color: #717273;
    margin: 0 auto;
    width: 54px;
}
.list-wares .list-wares-price {
    display: block;
    font-size: 16px;
    margin-top: 13px;
}
.list-more .list-wares-title {
    left: 30px;
    top: 24px;
    width: auto;
}
.list-more .list-wares-price {
    text-align: left;
}
.list-more .transverse-thread {
    margin: 0;
}
.index-tubatu .list-item .list-item-content {
    overflow: hidden;
}
.index-tubatu .index-tubatu-list {
    margin-top: 40px;
    transform: translate(0px, 10%);
}
.index-tubatu .list-item-title {
    font-size: 18px;
    font-weight: 500;
    height: 70px;
    line-height: 30px;
    margin: 15px 0;
    padding-left: 20px;
    padding-right: 20px;
}
.index-tubatu-list .list-item {
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 0 #fff;
    float: left;
    margin-left: 17px;
    opacity: 1;
    position: relative;
    transition: all 0.3s ease 0s;
    width: 393px;
}
.index-tubatu-list .list-item:hover {
    border-color: transparent;
    border-radius: 2px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0px, -2px, 0px);
}
.index-tubatu-list .list-item-content-img {
    height: 249px;
    overflow: hidden;
    width: 393px;
}
.index-tubatu-list {
    margin-left: -17px;
}
.index-tubatu-list .list-item-content img {
    height: 249px;
    transition: all 0.7s ease 0s;
    width: 393px;
}
.index-tubatu-list .list-item:hover .list-item-content img {
    transform: scale(1.03);
}
.index-tubatu-list .list-item-footer {
    border-top: 1px solid #e8e8e8;
    padding: 17px;
    position: relative;
}
.index-tubatu-list .list-item-logo {
    height: 30px;
}
.index-tubatu-list .list-item-num {
    color: #999;
    font-size: 14px;
    margin-top: -19px;
    padding-top: 10px;
    position: absolute;
    right: 15px;
    top: 50%;
}
.index-tubatu-list .list-item-clock {
    background: rgba(0, 0, 0, 0) url("http://img.to8to.com/to8to_pc/index/statics/img/index_bg_s.png") no-repeat scroll -539px -311px;
    display: inline-block;
    height: 17px;
    padding-bottom: 1px;
    padding-right: 3px;
    vertical-align: middle;
    width: 17px;
}
.index-data-show {
    background-color: #0cb46a;
    height: 220px;
    overflow: hidden;
    position: relative;
}
.index-data-show .content-wrapper {
    height: 220px;
    position: relative;
    z-index: 10;
}
.index-data-show .index-bg {
    bottom: 0;
    height: 220px;
    left: 0;
    position: absolute;
    width: 100%;
}
.index-img-box p {
    color: #fff;
    position: absolute;
}
.index-slogan-top {
    font-size: 23px;
    font-weight: 700;
    left: 117px;
    top: 45px;
}
.index-slogan-bottom {
    font-size: 17px;
    left: 120px;
    top: 81px;
}
.index-img-box {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.index-img {
    bottom: 0;
    height: 204px;
    left: 0;
    position: absolute;
    vertical-align: bottom;
    width: 212px;
}
.index-data-box {
    position: absolute;
    right: 0;
    top: 50px;
}
.index-data-box .index-data-mini {
    display: block;
    height: 74px;
    width: 790px;
}
.index-data-box .index-data {
    display: none;
}
@media screen and (min-width: 1460px) {
.index-tubatu-list .list-item-content-img, .index-tubatu-list .list-item-content-img img {
    height: 300px;
    width: 476px;
}
.index-tubatu-list {
    margin-left: -13px;
}
.index-tubatu-list .list-item {
    margin-left: 13px;
    width: 476px;
}
}
#container_wrapper, #video_play_box, .container-fullscreen #container {
    height: 453px;
    width: 805px;
}
@media screen and (min-width: 1460px) {
.index-zzx-step {
    font-size: 18px;
}
.index-zzx-detail, .zzx-company-bespoke, .zzx-company-data li {
    font-size: 12px;
	
}
.zzx-process-box {
    margin-top: 72px;
}

.zzx-process-bz .index-zzx-step {
    margin-top: 15px;
}
.index-ksj .index-common-navbar {
    padding-bottom: 54px;
    padding-top: 44px;
}
.video-play-num .video-intro {
    font-size: 14px;
    height: 22px;
    line-height: 22px;
}
#container_wrapper, #video_play_box, .container-fullscreen #container {
    height: 543px;
    width: 966px;
}
.index-gsc .list-wares {
    width: 480px;
}
.index-gsc .list-wares img {
    height: 430px;
    width: 480px;
}

.index-gsc .list-more img {
    height: 210px;
    width: 480px;
}
.index-gsc .list-more a + a {
    margin-top: 10px;
}
.index-seller-list ul li {
    float: left;
}

.zzx-company-detail {

    padding-top: 40px;

}

.zzx-company-logo-box {
    bottom: -55px;
    height: 111px;
    margin-left: -55px;
    width: 111px;
}
.zzx-company-logo {
    bottom: 17px;
    height: 78px;
    margin-left: -38px;
    width: 78px;
}
.zzx-company-data {
    margin-top: 10px;
    padding: 0 2px;
}

.zzx-company-bespoke {
    height: 34px;
    line-height: 34px;
    margin-top: 10px;
    width: 94px;
}
.zzx-company-list:hover .zzx-company-bespoke {
    height: 36px;
    width: 96px;
}
.index-yzs {
    height: 600px;
}
.index-yzs-review {
    height: 415px;
    padding: 35px 60px 0;
    top: 75px;
    width: 600px;
}
.yzs-detail-title {
    font-size: 20px;
    margin-top: 17px;
}
.yzs-detail-type {
    font-size: 14px;
}
.yzs-detail-logo {
    height: 80px;
    width: 80px;
}
.yzs-detail-content {
    height: 48px;
    line-height: 27px;
    margin-top: 14px;
}
.yzs-detail-img {
    margin-top: 26px;
}
.yzs-detail-img img {
    height: 195px;
    width: 290px;
}
.index-yzs .yzs-bg-left {
    height: 600px;
    width: 1152px;
}
.index-yzs .content-wrapper {
    height: 600px;
}
.index-yzs .yzs-bg-right, .yzs-bg-right-box {
    height: 600px;
    width: 804px;
}
.index-yzs-yezhu {
    left: 85px;
    top: 62px;
    width: 490px;
}
.index-yzs-yezhu ul li, .index-yzs-yezhu ul li img {
    height: 74px;
    width: 74px;
}
.index-yzs-title {
    font-size: 30px;
    margin-bottom: 14px;
}
.index-yzs-slogan {
    font-size: 18px;
    margin-bottom: 7px;
}
.index-yzs-yezhu ul {
    margin-top: 35px;
}
.index-yzs-yezhu img.gray {
    border: 2px solid #fff;
}
.index-yzs-yezhu ul li {
    border: 2px solid #0cb46a;
    border-radius: 50%;
    margin: 0 34px 30px 0;
}
.index-yzs .yzs-bg-left img {
    height: 1200px;
    margin-left: -305px;
    margin-top: -227px;
    width: 1843px;
}
.yzs-detail p {
    width: 496px;
}
.index-yzs-yezhu img.gray {
    height: 74px;
    width: 74px;
}
.index-kgl .content-wrapper {
    width: 1500px;
}
.index-kgl-lower {
    height: 488px;
    width: 348px;
}
.index-kgl-content {
    height: 550px;
    margin-top: 87px;
    padding: 0 20px;
}
.kgl-title-text {
    font-size: 24px;
    margin-top: 101px;
}
.index-kgl-type .index-kgl-lower ul li {
    height: 36px;
    line-height: 36px;
    padding-left: 50px;
}
.index-kgl-title {
    height: 168px;
}
.index-kgl-upper .index-kgl-title {
    height: 200px;
}
.index-kgl-type .index-kgl-lower ul {
    margin-top: 39px;
}
.video-icon, .video-play-box {
    height: 543px;
    width: 966px;
}
.index-video-play ul {
    right: 40px;
    top: 27px;
}
.index-video-play ul li {
    height: 80px;
    padding: 19px 0;
    width: 414px;
}
.video-text-slogan, .video-text-slogan a {
    height: 30px;
    width: 274px;
}
.video-text-slogan {
    font-size: 16px;
    margin: 10px 0 0 20px;
}
.video-play-num {
    height: 22px;
    margin-left: 20px;
    width: 274px;
}
.video-icon-title, .video-url {
    height: 80px;
    width: 120px;
}
.video-url .video-text-title {
    height: 80px;
    line-height: 80px;
    width: 120px;
}
.index-video-play {
    height: 543px;
}
.index-video-box {
    margin-top: 50px;
}
.index-video-box, .video-bg {
    height: 780px;
}
.index-video-box .content-wrapper {
    height: 543px;
    margin-top: 120px;
    
}
.index-kgl-upper {
    height: 550px;
    transform: translate3d(0px, -30px, 0px) scale(0.9);
    width: 412px;
}
.index-kgl-type.hover .index-kgl-upper {
    transform: translate3d(0px, -30px, 0px);
}
.index-kgl-bg {
    height: 200px;
    width: 413px;
}
.index-kgl .index-icon-arrow {
    background-position: 0 -224px;
    height: 25px;
    width: 29px;
}
.index-kgl .index-icon-arrow:hover {
    background-position: -295px -250px;
}
.kgl-upper-detail img {
    height: 80px;
    width: 120px;
}
.index-kgl .kgl-upper-detail-title {
    font-size: 16px;
}
.index-kgl .kgl-upper-detail-text {
    font-size: 14px;
}
.index-kgl .kgl-upper-detail-content {
    width: 220px;
}
.index-kgl .kgl-upper-content ul {
    margin-top: 15px;
}
.index-kgl .kgl-upper-detail {
    padding-bottom: 25px;
}
.index-kgl .kgl-upper-content {
    padding: 30px 30px 0;
}
.index-kgl .kgl-upper-content ul li {
    height: 32px;
    line-height: 32px;
}
.index-kgl .index-kgl-zxgg-list {
    margin: 10px 0 0 48px;
}
.index-kgl .index-kgl-zxgg-list li {
    height: 90px;
    width: 160px;
}
.index-kgl .index-kgl-zxgg-list li span {
    margin-top: 25px;
    padding-top: 44px;
}
.index-kgl-upper .kgl-title-text {
    top: 131px;
}
.index-icon-zxgl {
    background-position: 0 0;
    height: 50px;
    left: 50%;
    margin-left: -24px;
    top: -63px;
    width: 48px;
}
.index-kgl-upper .index-icon-zxgl {
    background-position: 0 -56px;
    height: 50px;
    width: 49px;
}
.index-icon-zxrj {
    background-position: 0 -112px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    top: -63px;
    width: 49px;
}
.index-kgl-upper .index-icon-zxrj {
    background-position: 0 -168px;
    height: 50px;
    width: 50px;
}
.index-icon-zxwd {
    background-position: -57px -112px;
    height: 51px;
    left: 50%;
    margin-left: -26px;
    top: -63px;
    width: 52px;
}
.index-kgl-upper .index-icon-zxwd {
    background-position: -57px -168px;
    height: 51px;
    width: 53px;
}
.index-icon-zxgj {
    background-position: -56px 0;
    height: 50px;
    left: 50%;
    margin-left: -27px;
    top: -62px;
    width: 53px;
}
.index-kgl-upper .index-icon-zxgj {
    background-position: -56px -55px;
    height: 51px;
    width: 53px;
}
.index-seller-list a, .index-seller-list img {
    height: 130px;
    width: 291px;
}
.index-seller-list .division-thread {
    margin: 45px 0 0;
}
.index-zzx {
	margin-top:0px;
	overflow:hidden;
	padding:0px;
}
.index-zzx-process {
    margin-top:20px;
    padding-bottom: 80px;
}
.index-zzx-company-box {
    height: 520px;
}
.index-common-header .index-common-title {
    font-size: 42px;
}
.index-zzx-city li {
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    width: 200px;
}
.index-common-header .index-common-description {
    font-size: 18px;
}
.index-zzx-process h4 {
    font-size: 30px;
}
.list-wares .list-wares-name {
    font-size: 24px;
    margin-bottom: 15px;
}
.list-wares .list-wares-title {
    top: 46px;
}
.list-wares .list-wares-price {
    font-size: 18px;
    margin-top: 18px;
}
.list-more .list-wares-title {
    left: 34px;
    top: 32px;
}
.zzx-company-name {
    font-size: 18px;
    padding: 0 55px;
}
.index-kgl .kgl-upper-detail-text a {
    height: 45px;
}
.index-kgl .icon-play {
    background-position: -184px -228px;
    height: 15px;
    left: -25px;
    top: -1px;
    width: 19px;
}
.index-kgl li.on .icon-play {
    background-position: -161px -228px;
    top: -1px;
}
.video-play-num span {
    margin-left: 25px;
    top: -2px;
}
.index-data-box .index-data-mini {
    display: none;
}
.index-data-box .index-data {
    display: block;
    height: 74px;
    width: 910px;
}
.index-video-list-box {
    width: 494px;
}
}
@media screen and (min-width: 1921px) {
.index-yzs {
    margin: 80px auto 0;
    width: 1920px;
}
}

.header_nav .header_nav_ul li span {
    color: #fff;
    display: block;
    float: left;
    text-align: center;
}

.index-zzx .content-wrapper {
    padding-bottom: 20px;
}.content-wrapper {
    margin: 0 auto;
    width: 1240px;
}.bodyimg_1 {
	width:100%;
    height: 510px;
}

.bodyimg_all {
    margin: 0 auto;
    position: relative;
    width: 1300px;
}.bodyimg_all img.dyj {
    opacity: 0;
    position: absolute;
    right: -160px;
    top: 10px;
}
.bodyimg_2 {
    height: 450px;
    width: 100%;
}
.bodyimg_all {
    margin: 0 auto;
    position: relative;
    width: 1300px;
}
element.style {
    opacity: 1;
    right: -80px;
}
.bodyimg_2 .bodyimg_all img.dyj {
    opacity: 0;
    position: absolute;
    right: -160px;
    top: -36px;
}
.ico_1 {
    left: 10px;
    position: absolute;
    top: 36px;
    width: 650px;
}
.ico_1 a {
    display: block;
    float: left;
    margin-bottom: 30px;
    margin-left: 55px;
}.bodyimg_3 {

    height: 450px;
    width: 100%;
}
.bodyimg_all {
    margin: 0 auto;
    position: relative;
    width: 1300px;
}.bodyimg_3 .bodyimg_all img.dyj {
    opacity:0;
    position: absolute;
    right:-160px;
    top:0px;
}
#divList5{ padding-top:80px;}